<template>
  <div>

    <div :style="{background:color}">

      <div style="height: 50px;width: 10px;float: left"></div>
      <div style="margin-left:2px;height: 20px;width: 10px;float: left"></div>
      <div style="margin-left:2px;height: 40px;width: 10px;float: left"></div>
      <div style="margin-left:2px;height: 10px;width: 10px;float: left"></div>
      <div style="margin-left:2px;height: 30px;width: 10px;float: left"></div>


    </div>

  </div>
</template>

<script>
  export default {

    props: {
      color: {
        type: String,
        default: '#55D8FE'
      }
    },


    data() {
      return {

      }
    },
    created() {
      console.log(color)
    }
  }
</script>

<style scoped>


  .color {


  }
</style>
